<script setup lang="ts">
import SvgIcon from '@/components/SvgIcon/index.vue'

const emit = defineEmits(['close'])
const props = defineProps<{
  title: string
}>()

const handleClose = () => {
  emit('close')
}
</script>

<template>
  <div class="flex justify-between items-center h-12 leading-12 border-b border-[#F0F0F0] px-5 mb-4">
    <div class="text-[16px] font-bold">{{ props.title }}</div>
    <SvgIcon class="text-[16px] cursor-pointer" name="close" @click="handleClose" />
  </div>
</template>
